<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  
</head>
<body>
<div id="app">
  <form action="index.jsp" method="get">
    <p>用户：<input type="text"></p>
    <p>密码：<input type="password"></p>
    <input type="submit" @click.prevent="login" value="提交">
    <button @click.prevent="login">提交2</button>
    <a href="http://www.baidu.com" @click.prevent="tologin">点我去百度</a>
  </form>
</div>
<script src="js/vue.min.js"></script>
<script>
  // 1 : 实例化vue
  var vue = new Vue({
    // 2 : 指定渲染的范围
    el:"#app",
    // 3 :数据定义的位置也就是Model
    data:{
    },
    // 4: 事件定义的位置,@事件类型="事件名"
    methods:{
      login:function(){
        alert(1);
      },
      tologin:function(){
        alert("点我了...")
      }
    }
  })
</script>
</body>
</html>